<template>
	<div class="p-6">
		<div class="text-slate-100	 text-3xl text-center">巴勒斯坦人口仅剩20% 超过17000儿童被屠杀</div>
		<div class="text-slate-300 text-center">
			双方死亡总量约：
			<span ref="totalCountTarget" class="text-7xl ml-2 mr-2 font-bold font-[Electronic] text-gradient">
				34,575
			</span>
			条记录
		</div>
		<div class="mt-3 flex flex-wrap">
			<div class="w-1/3 text-center text-slate-400 text-sm">
				巴勒斯坦死亡：
				<span ref="city1" class="text-[#5DC5EF] text-3xl font-[Electronic]">
					33,175
				</span>
			</div>
			<div class="w-1/3 text-center text-slate-400 text-sm">
				受伤：<span ref="city2" class="text-[#5DC5EF] text-3xl font-[Electronic]">75,886</span>
			</div>
			<div class="w-1/3 text-center text-slate-400 text-sm">
				现存人口：<span ref="city3" class="text-[#5DC5EF] text-3xl font-[Electronic]">5,200,000</span>
			</div>
			<div class="w-1/3 text-center text-slate-400 text-sm">
				以色列死亡：<span ref="city4" class="text-[#5DC5EF] text-3xl font-[Electronic]">1,400</span>
			</div>
			<div class="w-1/3 text-center text-slate-400 text-sm">
				受伤：<span ref="city5" class="text-[#5DC5EF] text-3xl font-[Electronic]">2,200</span>
			</div>
			<div class="w-1/3 text-center text-slate-400 text-sm">
				现存人口：<span ref="city6" class="text-[#5DC5EF] text-3xl font-[Electronic]">9,590,000</span>
			</div>
		</div>
	</div>
</template>
